<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<script>

//       var i,j;
//        for(var i=1;i<=29200;i++){
//            j=i;
//            j=i;
//            document.writeln(j);
//        }
//        document.write (j);

//for(var i=0;i<2000;i++){
//    for(var k=0;k<i+1;k++){
//        document.writeln(" ");
//    }
//    for(var m=0;m<(97-3*i)+i;m++){
//        document.writeln("*");
//    }
//    document.writeln("<br/>");
//}
    var a=2;
    var $b=4;
    var A = 4;
    console.log(a,A);

    var varr=['a','b','3',true,12];//从0-N,不会控股其二

console.log(varr[4]);
    console.log(varr);
    console.log(2+3);
    console.log('hello'+''+ 'world');
    console.log(2+3+5+'haha'+5+6);

    var arr =['超','钱','孙','李'];
    for( var i=0;i<arr.length;i++){

        console.log(arr[i]);

    }

    var obj = {'name':'list',age:28,'addre':'bj'};

    for(var k in obj){
        console.log(k+'~'+obj[k]);
    }


    var arrb=['纯','下','尔','懂'];
    console.log(arrb.join(','));
    var str= '在，在，要，地';
    console.log(str.split(','));

</script>
<style type="text/css" rel="stylesheet">
    .waper{
      position: relative;
    }

    .content{
        background: red;
        position: absolute;
        width: 200px;
        height: 200px;
        top:50%;
        left: 50%;
        margin-left: -100px;
        margin-top: -100px;
    }
</style>
<body>
<div class="waper">
    <div class="content">
        
    </div>
</div>

</body>
</html>